<!DOCTYPE html>
<html lang="zh" xml:lang="zh">
<head>
    <meta charset='utf-8'>
    <title>dataBar</title>
    <script type='text/javascript' src="../../ref/jquery-3.2.1.min.js"></script>
    <script src="../../ref/echarts-all.js"></script>
    <style type="text/css">
        .block {
            width: 50%;
            height: 400px;
            position: absolute;
        }

        #block1 {
            width: 100%;
            top: 0px;
        }

        #block2 {
            left: 0px;
            top: 450px;
        }

        #block3 {
            left: 50%;
            top: 450px;
        }

        #block4 {
            left: 0px;
            top: 850px;
        }

        #block5 {
            left: 50%;
            top: 850px;
        }

        #block6 {
            bottom: 0px;
            top: 1250px;
        }

        #data {
            top: 15px;
            left: 10px;
            position: absolute;
            border: 1px solid green;
        }

        #chart1 {
            width: 80%;
            height: 100%;
            top: 0px;
            left: 20%;
            position: absolute;
        }
    </style>
</head>
<body>
<div id="block1" class="block">
    <div id="data"></div>
    <div id="chart1"></div>
</div>
<div id="block2" class="block"></div>
<div id="block3" class="block"></div>
<div id="block4" class="block"></div>
<div id="block5" class="block"></div>
<script type='text/javascript' src="../../ref/echarts.min.js"></script>
<script type='text/javascript' src="../../ref/laydate/laydate.js"></script>
<script type="text/javascript" src="allCity.js"></script>
</body>
</html>
